<extend name="public:base"/>

<block name="css">
    <link rel="stylesheet" href="__CSS__/sign.css"/>
</block>

<block name="menu"></block>
<block name="left"></block>

<block name="main">

    <div class="registerWrapper">
        <div class="registerTitle cl">
            <h2 class="fl f22">欢迎注册</h2>
            <span class="fr f16 a999">已有账户，<a href="{:url('user/passport/login')}" class="af60 un">现在登录</a></span>
        </div>
        <div class="registerStep cl" style="margin-top: 10px;">
            <form action="{:url('user/passport/register')}" method="POST" id="registerForm">
                {:token()}
                <div class="inputWrapper">

                    <div class="inputBox">
                        <input type="text" name="phone" maxlength="11" value="" class="input" id="mobile"
                               autocomplete="off" placeholder="请输入手机号码"  data-href="{:url('user/passport/ajax_phone')}"/>
                        <div class="inputTip">
                            <i class="iconFont">&#xe62a;</i>
                            <span></span>
                        </div>
                    </div>
                    <div class="inputBox">
                        <input type="password" name="password" maxlength="16" value="" class="input" id="pwd"
                               autocomplete="off" placeholder="请设置密码"/>
                        <div class="inputTip">
                            <i class="iconFont">&#xe62a;</i>
                            <span></span>
                        </div>
                    </div>
                    <div class="inputBox minInput">
                        <input type="text" name="verify" value="" maxlength="4" class="input verifyInput"
                               autocomplete="off" id="imgCode" placeholder="输入右图中的字符，不区分大小写"/>
                        <img src="{:captcha_src(1)}" class="verifyImg reloadVerify" style="left:240px;">
                        <div class="inputTip">
                            <i class="iconFont">&#xe62a;</i>
                            <span></span>
                        </div>
                    </div>
                    <div class="inputBox minInput">
                        <input type="text" name="scode" maxlength="6" value="" class="input" id="phoneCode" autocomplete="off" placeholder="请输入短信验证码"/>
                        <input type="button" class="btn_b" id="sendMsgBtn" value="获取短信验证码" data-href="{:url('user/passport/reg_sms')}"/>
                        <div class="inputTip">
                            <i class="iconFont">&#xe62a;</i>
                            <span></span>
                        </div>
                    </div>
                    <div class="inputBox" id="inviteBox">
                        <input class="input" value="{$invite|default=''}" placeholder="请输入推荐人手机号" type="text" name="invite" autocomplete="off"/>
                          <div class="inputTip"><i class="iconFont">&#xe62a;</i><span></span></div>
                    </div>
                </div>


                <div class="submitLine">
                    <!--<p class="a78 f12 mt10 l20 cl">
                        <input type="checkbox" name="agree" id="agree" value="0"/>我已阅读并同意
                        <a href="{:url('index/agree/register')}" target="_blank" class="aBlue">《用户服务协议》</a>
                    </p>-->
                    <p class="mt20">
                        <input type="submit" value="立即注册" class="btn_b" id="inputSubmit"/>
                    </p>
                </div>
            </form>

            <if condition="count($ad) GT 0">
                <a href="{$ad.url}" target="_blank" class="redPackBtn"><img src="{$ad.cover_id|get_cover="path"}"></a>
                <else/>
                <a href="{:url('user/passport/register')}" target="_blank" class="redPackBtn"><img src="__IMG__/reg_tips2.png"></a>
            </if>

            <!--<a href="javascript:void(0);" class="redPackBtn" id="img2"><img src="__IMG__/reg_tips1.png"></a>-->

        </div>
    </div>

</block>

<block name="footer">

    <include file="../template/default/index/public/min_footer.html"/>

</block>

<block name="js">

    <script type="text/javascript" src="__JS__/sign.js"></script>
    <script type="text/javascript" src="__JS__/register.js"></script>

    <script type="text/javascript">

        // $(function () {
        //
        //     $("#mobile").blur(function () {
        //         checkPhone()
        //     });
        //     $("#imgCode").blur(function () {
        //         checkImgCode()
        //     });
        //     $("#phoneCode").blur(function () {
        //         checkPhoneCode()
        //     });
        //     $("#pwd").blur(function () {
        //         checkPwd()
        //     });
        //     // $("#pwd2").blur(function () {
        //     //     setPassword2()
        //     // });
        //
        //     // 发送短信
        //     $('#sendMsgBtn').click(function () {
        //         var phone = $('#mobile').val();
        //         var vCode = $("#imgCode").val();
        //         checkPhone();
        //         checkImgCode();
        //         if (!checkImgCode() || !checkPhone()) {
        //             return false;
        //         }
        //         $.ajax({
        //             url: "{:url('user/passport/reg_sms')}",
        //             type: "post",
        //             dataType: "json",
        //             data: {phone: phone, verify: vCode},
        //             success: function (data) {
        //                 if (data.code == 1) {
        //                     settTime();
        //                     $(".inputBox.pwd").show();
        //                     layer.alert(data.msg, {icon: 1});
        //                 } else {
        //                     if (data.msg) {
        //                         layer.alert(data.msg, {icon: 2});
        //                         $("#imgCode").val('');
        //                         $('.reloadVerify').click();
        //                         return false;
        //                     }
        //                     checkErrorType(data);
        //                     return false;
        //                 }
        //             }
        //         });
        //         return false;
        //     });
        //
        //     //提交表单
        //     $("#registerForm").submit(function () {
        //
        //         var self = $(this);
        //
        //         $.post(self.attr("action"), self.serializeArray(), function (data) {
        //             if (data.code === 1) {
        //
        //                 layer.alert(data.msg, {icon: 1}, function (index) {
        //                     if (data.data || data.url) {
        //                         var refer = data.data || data.url;
        //                         layer.close(index);
        //                         window.location.href = refer;
        //                         setTimeout(function () {
        //                             window.location.href = refer;
        //                         }, 2000);
        //                     } else {
        //                         window.location.reload();
        //                     }
        //                 });
        //
        //             } else {
        //                 layer.alert(data.msg, {icon: 2});
        //             }
        //
        //         }, "json");
        //
        //         return false;
        //
        //     });
        // })
    </script>


</block>

